<template>
    <div class>
       <el-table :data="tableData" border style="width: 100%">
            <el-table-column  align="center" width="80" fixed>
              <template slot="header">
               <el-button class="el-icon-circle-plus" @click.prevent="addRow()"></el-button>
              </template>
              <template slot-scope="scope">
                <el-button size="mini" type="danger" class="el-icon-remove"
                @click="handleDelete(scope.$index, scope.row)"></el-button>
            </template>
            </el-table-column>
            <el-table-column
              type="index"
              fixed
              width="50" label="NO.">
            </el-table-column>
            <el-table-column label="股东名称" align="center" width="200">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.name"></el-input>
                </template>
              </el-table-column>
            <el-table-column label="股东类型" align="center" width="200">
              <template slot-scope="scope">
                <el-select v-model="scope.row.type" >
                  <el-option label="自然人" value="1"></el-option>
                  <el-option label="企业" value="2"></el-option>
                </el-select>
              </template>
            </el-table-column>
            <el-table-column label="证件类型" align="center" width="200">
                <template slot-scope="scope">
                  <el-select v-model="scope.row.ide" >
                    <el-option label="居民身份证" value="1"></el-option>
                    <el-option label="护照" value="2"></el-option>
                    <el-option label="其它" value="3"></el-option>
                  </el-select>
                </template>
              </el-table-column>
            <el-table-column label="证件号码" align="center" width="200">
              <template slot-scope="scope">
                <el-input v-model="scope.row.ideCard"></el-input>
              </template>
            </el-table-column>
            <el-table-column label="出资方式" align="center" width="200">
              <template slot-scope="scope">
                    <el-select v-model="scope.row.eqtType" >
                        <el-option label="货币" value="1"></el-option>
                        <el-option label="实物" value="2"></el-option>
                        <el-option label="货币+事务" value="3"></el-option>
                        <el-option label="无形资产" value="3"></el-option>
                        <el-option label="土地使用权" value="3"></el-option>
                        <el-option label="劳务和信用出资" value="3"></el-option>
                    </el-select>
              </template>
            </el-table-column>
            <el-table-column label="出资日期" align="center" width="200">
              <template slot-scope="scope">
                <el-date-picker
                    v-model="scope.row.eqtDate"
                    type="date"
                    style="width: 100%;"
                    placeholder="选择日期">
                </el-date-picker>
              </template>
            </el-table-column>
            <el-table-column label="认缴出资额(万元)" align="center" width="120">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.eqtSumSub"></el-input>
                </template>
              </el-table-column>
              <el-table-column label="认缴比例(%)" align="center" width="120">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.eqtRateSub"></el-input>
                </template>
              </el-table-column>
              <el-table-column label="实际出资额(万元)" align="center" width="120">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.eqtSumRea"></el-input>
                </template>
              </el-table-column>
              <el-table-column label="实际比例(%)" align="center" width="120">
                <template slot-scope="scope">
                  <el-input v-model="scope.row.eqtRateRea"></el-input>
                </template>
              </el-table-column>
            <el-table-column label="备注" align="center" width="200" fixed="right">
              <template slot-scope="scope">
                <el-input v-model="scope.row.remark"></el-input>
              </template>
            </el-table-column>
          </el-table>
    </div>
  </template>
  
  <script>
  export default {
    components: {},
    data() {
      return {
       tableData: []
      };
    },
    computed: {},
    mounted() {
   
    },
    methods: {
      getdata(){
        return this.tableData;
      },
      // 增加行
      addRow() {
        var list = {
            name:'',
            type:'',
            ide:'',
            ideCard:'',
            eqtType:'',
            eqtDate:new Date(),
            eqtSumSub:'',
            eqtRateSub:'',
            eqtSumRea:'',
            eqtRateRea:'',
            remark:'',
        }
        this.tableData.unshift(list);
      },
      handleDelete(index, row) {
          this.tableData.splice(index, 1);
        }
  
    },
    created() {}
  };
  </script>
  <style lang='scss' scoped>
  
  </style>